<!-- 自定义配置 -->
<template>
	<div>
		<el-collapse accordion>
			<el-collapse-item title="单个设置">
				<el-form-item label="宽度">
					<avue-input-number v-model="main.activeOption.line.width"> </avue-input-number>
				</el-form-item>
				<el-form-item label="高度">
					<avue-input-number v-model="main.activeOption.line.height"> </avue-input-number>
				</el-form-item>
				<el-form-item label="右间距">
					<avue-input-number v-model="main.activeOption.line.mRight"> </avue-input-number>
				</el-form-item>
				<el-form-item label="下间距">
					<avue-input-number v-model="main.activeOption.line.mBottom"> </avue-input-number>
				</el-form-item>
			</el-collapse-item>
			<el-collapse-item title="字体设置">
				<el-form-item label="字体行高">
					<avue-input-number v-model="main.activeOption.line.lineHeight"></avue-input-number>
				</el-form-item>
				<el-form-item label="字体间距">
					<avue-input-number v-model="main.activeOption.line.split"></avue-input-number>
				</el-form-item>
				<el-form-item label="字体类型">
					<avue-select filterable allow-create v-model="main.activeOption.line.fontFamily" :dic="dicOption.fontFamily"></avue-select>
				</el-form-item>
				<el-form-item label="字体大小">
					<avue-input-number v-model="main.activeOption.line.fontSize" :max="200"></avue-input-number>
				</el-form-item>
				<el-form-item label="字体颜色">
					<avue-input-color v-model="main.activeOption.line.color"></avue-input-color>
				</el-form-item>

				<el-form-item label="字体背景">
					<avue-input-color v-model="main.activeOption.line.backgroundColor"></avue-input-color>
				</el-form-item>
				<el-form-item label="文字粗细">
					<avue-select v-model="main.activeOption.line.fontWeight" :dic="dicOption.fontWeight"> </avue-select>
				</el-form-item>
				<el-form-item label="对齐方式">
					<avue-select v-model="main.activeOption.line.textAlign" :dic="dicOption.textAlign"> </avue-select>
				</el-form-item>
			</el-collapse-item>
            <el-collapse-item title="数值设置">
				<el-form-item label="字体大小">
					<avue-input-number v-model="main.activeOption.equipment.fontSize" :max="200"></avue-input-number>
				</el-form-item>
				<el-form-item label="字体颜色">
					<avue-input-color v-model="main.activeOption.equipment.color"></avue-input-color>
				</el-form-item>
			</el-collapse-item>
		</el-collapse>
	</div>
</template>

<script>
import { dicOption } from '@/option/config';
export default {
	name: 'dataShwoList',
	inject: ['main', 'contain'],
	components: {
	},
	data() {
		return {
			dicOption: dicOption,
			code: {
				box: false,
				type: 'data',
				obj: {}
			}
		};
	},
	methods: {
		rowSave(row, done) {
			this.main.activeOption.column.push(this.deepClone(row));
			done();
		},
		rowDel(row, index) {
			this.main.activeOption.column.splice(index, 1);
		},
		rowUpdate(row, index, done) {
			this.main.activeOption.column.splice(index, 1, this.deepClone(row));
			done();
		},
		codeClose(value) {
			this.main.activeOption.column = value;
		},
		openCode() {
			this.code.obj = this.main.activeOption.column;
			this.code.box = true;
		},
	}
};
</script>

<style></style>
